page {
  background-color: #fff;
}
.bgloac {
  height: 12rpx;
  background-color: #f5f5f5;
}
.container{
  width: 750rpx;
  .service_types {
    position: relative;
    background-color: #fff;
    padding: 24rpx;
    box-sizing: border-box;
    display: flex;
    .service_types_left {
      position: relative;
      width: 180rpx;
    }
    .radios {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: space-evenly;
    }
  }
  .tishi {
    padding: 24rpx;
    background-color: #fff;
    box-sizing: border-box;
    text {
      color:#f44;
    }
  }
  .zitiShop {
    background-color: #fff;
    border-top: 2rpx solid #F8F8F8;
    border-bottom: 2rpx solid #F8F8F8;
    box-sizing: border-box;
    padding: 24rpx 32rpx 24rpx 24rpx;
    display: flex;
    justify-content: space-between;
    // height: 88rpx;
    // line-height: 88rpx;
    .titleShop {
    }
    .zitiName {
      input {
        color: #8B8B8B;
        height: 50rpx;
        line-height: 50rpx;
        border:none;
        float: left;
        width: 400rpx;
      }
      image {
        width: 30rpx;
        height: 30rpx;
        vertical-align: middle;
      }
    }
  }
  .place{
    color:#999999;
  }
  .red{
    margin-left: 30rpx;
    color: red;
  }
  .border{
    border: 1rpx solid #ebedf0;
  }
  .item{
    font-size: 28rpx;
    padding: 24rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    .input-filed{
      flex:2;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      text{
        text-align: right;
      }
      input{
        text-align: right;
      }
      .icon{
        padding-left: 20rpx;
      }
      .user_avatar{
        width: 72rpx;
        height: 72rpx;
      }
    }
  }
  .user_image_upload {
    position: relative;
    width: 100rpx;
    height: 100px;
    border: 1px solid #999;
    margin-left: 10px;
    img {
      max-width: 100%;
      max-height: 100%;
    }
    i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px;
      color: #999;
    }
  }
  .position-image{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .desc{
      width: 220rpx;
      text-align: left;
      text{
        font-size: 24rpx;
      }
    }
  }
  .addline-image{
    width: 120rpx;
    height: 120rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .addimage{
      font-size: 40rpx;
      font-weight: 600;
    }
  }
  .images{
    width: 300rpx;
  }
  .remark{
    padding: 15rpx;
    background-color: #F2F2F2;
    margin:auto;
    height: 140rpx;
    width: 720rpx;
    font-size: 28rpx;
    .remark-textarea{
      padding: 10rpx;
      height: 140rpx;
    }
  }
  .btn-function{
    padding: 60rpx;
    display: flex;
    justify-content: center; 
    .btn{
      width: 300rpx;
      height: 70rpx;
      line-height: 70rpx;
      color: #ffffff;
      background: #00CC66;
      font-size: 26rpx;
    }
  }
}